<html>
<head>


    
<!-- <script type="text/javascript" charset="utf-8" async="" src="https://l2dwidget.js.org/lib/L2Dwidget.0.min.js"></script> -->

</head>
<body>
  
<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
  L2Dwidget
	.on('*', (name) => {
	  console.log('%c EVENT ' + '%c -> ' + name, 'background: #222; color: yellow', 'background: #fff; color: #000')
	})
	.init({
	  dialog: {
		// 开启对话框
		enable: true,
		style: "height",
		script: {
		  // 每空闲 10 秒钟，显示一条一言
		  'every idle 10s': '$hitokoto$',
		  // 当触摸到星星图案
		  'hover .star': '星星在天上而你在我心里 (*/ω＼*)',
		  // 当触摸到角色身体
		  'tap body': '哎呀！别碰我！',
		  // 当触摸到角色头部
		  'tap face': '人家已经不是小孩子了！'
		}
	  },
	  "model": {
　　　　　//jsonpath控制显示那个小萝莉模型，
		  //(切换模型需要改动)
		  //	"https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
		  //jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
		  //jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",
		  //jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
		  jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
			  /*
				其他可选的模型：
				黑猫：https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
				萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
				白猫：https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
				狗狗：https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
				小可爱：https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
				小可爱：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
			  */
		  "scale": 1
		},
		"display": {
			"position": "right", //看板娘的表现位置
			"width": 200,  //小萝莉的宽度
			"height": 300, //小萝莉的高度
			"hOffset": 0,
			"vOffset": -20
		},
		"mobile": {
			"show": true,
			"scale": 0.5
		},
		"react": {
			"opacityDefault": 0.7,
			"opacityOnHover": 0.2
		}
	});
</script>

<!--
<div id="live2d-widget" class="live2d-widget-container" style="position: fixed; right: 0px; bottom: -20px; width: 200px; height: 400px; z-index: 99999; opacity: 1; pointer-events: none;">
	<div class="live2d-widget-dialog-container" style="transform: scale(0.8);">
		<div class="live2d-widget-dialog" style="opacity: 0;">世界上没有偶然，有的只是必然。</div>
	</div>
	<canvas id="live2dcanvas" width="400" height="800" style="position: absolute; left: 0px; top: 0px; width: 200px; height: 400px;"></canvas>
</div>
-->

</body>
<!--
<style>
  .live2d-widget-dialog-container {
    width: 300px;
    height: 120px;
    position: absolute;
    bottom: 65%;
    right: 0px;
    transform-origin: right;
    padding: 12px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  }
  .live2d-widget-dialog {
    width: 100%;
    height: 100%;
    color: #917159;
    font-size: 16px;
    padding: 12px;
    border: 2px solid rgb(236, 203, 180);
    background: rgb(252, 248, 244);
    box-sizing: border-box;
    border-radius: 10px;
    transform: rotate(-2deg);
    opacity: 0;
    transition: 200ms opacity;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    animation: live2d-widget-dialog-tingle 4s ease-in-out 0s infinite alternate;
  }
  @keyframes live2d-widget-dialog-tingle {
    0% { transform: translate(-1px, 1.5px) rotate(-2deg); }
    100% { transform: translate(1px, -1.5px) rotate(2deg); }
  }
</style>
-->
</html>


